.swiper_video {
	top: 0;
	left: 0;
	height: 750rpx;
	z-index: 1;
	position: fixed;

	&.front {
		z-index: 6;
	}
	::v-deep .history_wrap {
		width: 100%;
		z-index: 1;
		padding: 24rpx;
		overflow: hidden;
		top: 0rpx;
		left: 0rpx;
		display: inline-flex;
		height: 120rpx;
		.u-news-item {
			background: rgba(217, 217, 217, 0.6);
			padding: 0 22rpx;
			height: 56rpx;
			border-radius: 56rpx;
			color: #363636;
			font-size: 22rpx;
			line-height: 56rpx;
			max-width: 100%;
			overflow: hidden;
		}
		.u-notice-bar {
			padding: 0 !important;
			height: 100%;
		}
		.u-swiper {
			height: 100%;
		}
	}
	.swiper {
		height: 100%;

		.img,
		.video_wrap {
			height: 100%;
		}
		.video-wrapxx {
			height: 100%;
			width: 100%;
			image {
				width: 100%;
				height: 100%;
			}
		}

		.play_wrap {
			width: 100%;
			height: 75%;
			z-index: 2;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
	

		.icon_wrap {
			width: 100rpx;
			height: 100rpx;
			text-align: center;
			padding-top: 28rpx;
			background: rgba(217, 217, 217, 0.6);
			border-radius: 100%;

			.u-icon--right {
				padding-left: 8rpx;
			}
		}
	}
	
	&.car_video {
		height: 750rpx;
		.swiper {
			.play_wrap {
				height: 100%;
			}
		}
		.dots_wrap {
			width: auto;
			top: 0;
			display: flex;
			height: 58rpx;
			border: 1px solid #98CAFF;
			border-radius: 58rpx;
			padding: 4rpx;
			left: 50%;
			transform: translateX(-50%);
			z-index: 3;
			background-color: #E7F2FE;
			.btn {
				padding: 0 25rpx;
				font-size: 26rpx;
				color: #4E5969;
				height: 46rpx;
				line-height: 46rpx;
				border-radius: 46rpx;
				&.active {
					background: linear-gradient(to bottom, #B4D8FF 0%, #C7E2FF 100%);
				}
			}
		}
	}
}

.empty_wrap {
	height: 200rpx;
}

.pt_swiper {
	// padding-top: 670rpx;
}

.common_content {
	padding: 0 24rpx;
	z-index: 5;

	&.common_content1 {
		padding: 0 10rpx;
		margin-bottom: 14rpx;
	}

	.shop_card {
		background: url('../../../static/detail/detail_bg.png') no-repeat;
		background-position: left top;
		background-size: cover;
		min-height: 266rpx;
		border-radius: 24rpx;
		padding: 38rpx 8rpx 8rpx;

		.card_wrap {
			background: url('../../../static/detail/inner_bg.png') no-repeat, linear-gradient(to bottom, transparent 0%, transparent 80rpx, #fff 140rpx, #fff 100%);
			background-position: left top;
			background-size: 100%;
			min-height: 220rpx;
			border-radius: 24rpx;
			padding: 0 16rpx 10rpx;

			.card_top {
				display: inline-flex;
				align-items: flex-start;
				margin-top: -10rpx;
				margin-bottom: 20rpx;

				.top_price {
					display: inline-flex;
					align-items: flex-end;
					color: #fff;

					.unit {
						font-size: 22rpx;
						line-height: 24rpx;
					}

					.num {
						font-size: 40rpx;
						line-height: 44rpx;
					}
				}

				.top_right {
					min-width: 160rpx;
					padding-left: 72rpx;
					margin-top: 20rpx;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					color: #FF6A00;
					font-size: 20rpx;
					line-height: 34rpx;

					.right_img {
						display: flex;
						left: 0;
						top: 50%;
						transform: translateY(-50%);

						.img_wrap {
							width: 18rpx;
							height: 34rpx;
						}

						.img {
							width: 34rpx;
							height: 34rpx;
							border-radius: 100%;
							border: 0.5px solid #fff;
						}
					}
				}
			}

			.tip_wrap {
				justify-content: flex-start;
				margin-bottom: 16rpx;

				.tip {
					font-size: 22rpx;
					line-height: 32rpx;
					border-radius: 4rpx;
					margin-right: 16rpx;
					padding: 0 8rpx;

					&.tip-1 {
						color: #fff;
						background: linear-gradient(to bottom, #FFA28D 0%, #FF342A 100%);
					}

					&.tip-2 {
						color: #4E5969;
						background: #F6F7FB;
					}
				}
			}

			.card_title {
				padding-right: 90rpx;
				display: inherit;
				margin-bottom: 24rpx;

				&.no_padding {
					padding-right: 0;
				}

				.title_wrap {
					display: inline-block;
					font-size: 34rpx;
					line-height: 1.2;
					color: #262728;
					font-weight: 700;
				}

				.more {
					right: 0;
					top: 0;
					color: #278AFF;

					.u-icon {
						margin-left: 6rpx;
					}
				}
			}

			.list_wrap {
				justify-content: space-between;
				padding-bottom: 24rpx;

				.list_item {
					width: 158rpx;
					flex: none;

					.img {
						width: 54rpx;
						margin-right: 8rpx;
					}

					.name {
						font-size: 16rpx;
						line-height: 1.2;
						color: #262728;
						margin-bottom: 6rpx;
					}

					.num {
						color: #1D2129;
						font-weight: 700;
						font-size: 20rpx;
						line-height: 30rpx;
						text-align: right;
						padding-right: 8rpx;
					}

					.unit {
						font-size: 12rpx;
						color: #4E5969;
						line-height: 24rpx;
					}

					.flex-end {
						justify-content: start;
						.num {
							flex: none;
						}
					}
				}
				&.ru {
					flex-wrap: wrap;
					.list_item {
						width: 33.3%;
						&:last-child {
							margin-top: 16rpx;
						}
					}
				}
			}
		}
	}

	.swiper_wrap {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: linear-gradient(to bottom, transparent, #fff 50%);
		z-index: -1;
	}
}

.details_wrap {
	padding-top: 50rpx;

	.merchant_detail {
		align-items: center;
		padding: 18rpx 0 8rpx 14rpx;
		z-index: 2;
		// background: url('../../../static/detail/card_bg.png') no-repeat;
		// background-position: left bottom;
		// background-size: contain;
		background: linear-gradient(to bottom, #C7E2FF 0%, #fff 100%);
		box-shadow: 0 4rpx 12rpx 0 rgba(199, 226, 255, 0.35);
		border-radius: 12rpx;


		.merchant_header {
			width: 118rpx;
			height: 118rpx;
			text-align: center;
			margin-right: 10rpx;

			.header_img {
				width: 96rpx;
				height: 96rpx;
				border: 3rpx solid #fff;
				border-radius: 24rpx;
				display: inline-block;
				transform: rotateZ(-15deg);
				overflow: hidden;

				.img {
					width: 100%;
					height: 100%;
				}
			}

			.header_icon {
				position: absolute;
				left: 18rpx;
				bottom: 0;
				z-index: 1;
				width: 96rpx;
				height: 42rpx;
				border: 4rpx solid #fff;
				border-radius: 10rpx;
				display: inline-flex;

				.img {
					width: 100%;
					height: 100%;
					border-radius: 4rpx;
				}
			}
		}

		.name_wrap {
			margin-right: 10rpx;

			.shop_name {
				display: inline-flex;
				align-items: center;
				font-size: 28rpx;
				font-weight: 500;
				line-height: 1.2;
				color: #262728;
				max-width: 100%;
				display: inline-block;
				padding-right: 220rpx;

				.vip {
					right: 180rpx;
					top: 0;
					bottom: 0;
					font-size: 22rpx;
					line-height: 28rpx;
					height: 28rpx;
					margin: auto;
					z-index: 1;
					color: #F5C052;
				}
			}

			::v-deep .star_wrap {
				.u-star-wrap {
					transform: rotateZ(8deg);
				}
			}
		}

		.vip_img {
			width: 150rpx;
			right: 40rpx;
			bottom: 20rpx;
			z-index: 3;
			transform: rotateZ(5deg);
		}
	}

	.big_title {
		color: #262728;
		font-size: 32rpx;
		line-height: 1.2;
		margin-bottom: 24rpx;
		padding: 48rpx 24rpx 0;
	}

	.thr_wrap {
		margin-bottom: 48rpx;
		height: 380rpx;
		padding: 0 24rpx;
		
		.only_img {
			border-radius: 24rpx;
			height: 100%;
			width: 100%;
		}
		.goback_img {
			border-radius: 24rpx;
			height: 100%;
			width: 100%;
		}

		::v-deep .scroll-view_H {
			height: 100%;

			.uni-scroll-view-content {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: flex-start;
				height: 100%;

				.goback_img {
					border-radius: 24rpx;
					height: 100%;
					width: 318rpx;
					margin-right: 16rpx;
				}
			}
		}
	}

	.details_tab {
		height: 110rpx;
		padding-top: 10rpx;
		background: url('../../../static/detail/con_l.png') no-repeat;
		background-position: left top;
		background-size: cover;
		text-align: center;

		.item-1,
		.item-2 {
			z-index: 2;
		}

		.item-2 {
			padding-top: 20rpx;
		}

		.item-1::before,
		.item-2::before {
			content: '';
			position: absolute;
			width: 66rpx;
			height: 20rpx;
			background-color: #10FF93;
			left: 50%;
			bottom: 0;
			transform: translateX(-50%);
			z-index: -1;
		}

		.item-2::before {
			display: none;
		}

		&.con_r {
			background: url('../../../static/detail/con_r.png') no-repeat;
			background-position: left top;
			background-size: cover;

			.item-1 {
				padding-top: 20rpx;
			}

			.item-2 {
				padding-top: 0;
			}

			.item-1::before {
				display: none;
			}

			.item-2::before {
				display: block;
			}
		}
	}

	.details_con {
		padding: 10rpx 36rpx 0;
		background: url('../../../static/detail/con_c.png') repeat;
		background-position: left top;
		background-size: 100% 100%;

		.list {
			align-items: center;
			justify-content: center;
			color: #262728;
			font-size: 28rpx;
			line-height: 1.2;
			padding: 16rpx 0;

			.con {
				padding-left: 10rpx;
				text-align: right;
			}

			&:last-child {
				padding-bottom: 0;
			}
		}

		.evaluate_nav {
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 24rpx;
			.img_wrap {
				width: 190rpx;
				flex: none;
				.img_text {
					font-size: 24rpx;
					line-height: 1.2;
					color: #262728;
					z-index: 1;
					width: 100%;
					text-align: center;
					top: 32rpx;
					padding-left: 50rpx;
					&.active {
						color: #fff;
					}
				}
			}
			.nav_img {
				width: 100%;
			}
		}
		.list_wrap {
			max-height: 50vh;
			.list_item {
				padding-bottom: 16rpx;
				margin-bottom: 20rpx;
				border-bottom: 1px dashed #C7CAD0;
				
				&:last-child{
					border-bottom: 0;
				}
				.more {
					top: 0;
					right: 0;
					z-index: 1;
				}
				.item_top {
					margin-bottom: 16rpx;
					.top_img {
						width: 66rpx;
						height: 66rpx;
						border-radius: 100%;
						margin-right: 10rpx;
						.img {
							width: 100%;
							height: 100%;
						}
					}
					.top_con {
						padding-right: 50rpx;
						.name {
							font-size: 28rpx;
							line-height: 1.2;
							color: #262728;
							font-weight: 500;
							margin-bottom: 6rpx;
						}
						.time {
							font-size: 22rpx;
							line-height: 1.2;
							color: #4E5969;
						}
					}
				}
				.star_wrap {
					margin-bottom: 16rpx;
				}
				.textarea {
					font-size: 26rpx;
					line-height: 1.2;
					color: #262728;
					margin-bottom: 16rpx;
				}
				.reply_wrap {
					padding: 12rpx;
					background: #F3F3F3;
					border-radius: 8rpx;
					font-size: 22rpx;
					line-height: 1.2;
					color: #4E5969;
					.title {
						padding-right: 12rpx;
						margin-right: 12rpx;
						border-right: 1px solid #4E5969;
					}
				}
			}
		}
	}

	.details_bottom {
		height: 40rpx;
		background: url('../../../static/detail/con_b.png') no-repeat;
		background-position: left bottom;
		background-size: cover;
	}
}

.scroll-Y {
	height: 100%;
	overflow: hidden;
	
	::v-deep .uni-scroll-view-content {
		height: auto;
		position: relative;
		z-index: 9;
	}

	.pt200 {
		margin-top: 400rpx;
	}
}
	
.report_warp {
	height: 100%;
	.btn_wrap {
		padding: 0 24rpx 80rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		.btn_item {
			border-radius: 12rpx;
			background: #FFFFFF;
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			font-size: 26rpx;
			color: #278AFF;
			margin-bottom: 16rpx;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.textarea_wrap {
		padding: 0 24rpx;
		.content_wrap {
			padding: 24rpx;
			border-radius: 12rpx;
			background: #fff;
			.content_title {
				font-size: 32rpx;
				line-height: 1.2;
				color: #262728;
				margin-bottom: 40rpx;
				font-weight: 500;
				padding-top: 16rpx;
			}
			.content {
				padding: 20rpx;
				height: 240rpx;
				background: #F6F6F6;
				margin-bottom: 16rpx;
				border-radius: 12rpx;
				::v-deep .u-field{
					padding: 0;
					overflow: hidden;
				}
				.num {
					right: 10rpx;
					bottom: 10rpx;
					color: #606366;
					font-size: 16rpx;
					line-height: 1.2;
				}
			}
		}
		.con_btn {
			background: #007AFF;
			color: #fff;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 12rpx;
			font-size: 28rpx;
		}
	}
}

::v-deep .shop_bottom {
	padding-bottom: env(safe-area-inset-bottom);

	.uni-tab__text {
		line-height: 1.2;
		display: inline-flex;
	}
}

.shop_introduce {
	border-radius: 24rpx;
	box-shadow: 0 -4rpx 14rpx 0 rgba(0, 0, 0, 0.08);
	padding: 20rpx;
	margin-bottom: 24rpx;

	.title {
		color: #262728;
		font-size: 30rpx;
		line-height: 1.2;
		margin-bottom: 16rpx;
		font-weight: 500;
	}

	.con_detail {
		color: #606366;
		font-size: 28rpx;
		line-height: 48rpx;
	}
}

::v-deep uni-swiper .uni-swiper-dots-horizontal {
	bottom: 220rpx;

	.uni-swiper-dot {
		width: 16rpx;
		height: 16rpx;
	}

	.uni-swiper-dot-active {
		width: 36rpx;
		border-radius: 16rpx;
	}
}

.explain_wrap {
	width: 166rpx;
	border-radius: 12rpx;
	position: fixed;
	z-index: 9;
	top: 0;
	right: 24rpx;
	display: flex;
	flex-direction: column;

	.video_wrap {
		height: 208rpx;
		border-radius: 12rpx 12rpx 0 0;
	}

	.close {
		top: 8rpx;
		right: 8rpx;
		background: rgba(0, 0, 0, 0.4);
		border-radius: 100%;
		display: flex;
		padding: 10rpx;
	}

	.explain_title {
		min-height: 56rpx;
		text-align: center;
		font-size: 26rpx;
		line-height: 1.1;
		padding: 6rpx 10rpx 10rpx;
		color: #FFFFFF;
		background: url('../../../static/detail/jj_wrap.png') no-repeat;
		background-position: left bottom;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.common_pop,
.video_pop,
.sku_pop {
	width: 100%;
	height: 100%;
	z-index: 999;

	::v-deep .uni-popup__wrapper.center {
		width: 100%;
		padding: 20rpx;
	}
}

.video_pop {
	::v-deep .uni-popup__wrapper.center {
		padding: 0;
	}
}

.sku_pop {
	::v-deep .uni-popup__wrapper.bottom {
		padding: 24rpx;
		border-radius: 24rpx 0 0 24rpx;
		background: linear-gradient(to bottom, #E7F2FF 0%, #FFFFFF 100%);
	}

	.sku_wrap {
		margin-bottom: 48rpx;

		.img_wrap {
			width: 258rpx;
			height: 172rpx;
			border-radius: 24rpx;
			margin-right: 12rpx;
			overflow: hidden;

			.img {
				width: 100%;
				height: 100%;
			}

			.tip {
				z-index: 1;
				bottom: 0;
				left: 0;
				padding: 0 24rpx;
				height: 36rpx;
				line-height: 36rpx;
				font-size: 18rpx;
				color: #fff;
				border-radius: 0 24rpx 0 24rpx;
				background: linear-gradient(to bottom, #4BADFD 0%, #2B61EB 100%);
			}
		}

		.con_wrap {
			justify-content: space-between;

			.name {
				margin-bottom: 24rpx;
				font-size: 30rpx;
				line-height: 1.2;
				font-weight: 700;
				color: #262728;
			}

			.price_wrap {
				justify-content: space-between;

				.price {
					color: #FF6A00;
					display: inline-flex;
					align-items: flex-end;
					font-size: 40rpx;
					line-height: 1.2;

					.price_unit {
						font-size: 22rpx;
						line-height: 30rpx;
					}
				}

				::v-deep .sku_num {

					.u-icon-minus,
					.u-icon-plus {
						width: 40rpx !important;
						height: 40rpx !important;
						background: #ECECEC !important;
						border-radius: 100%;
						font-size: 24rpx;
						color: #278AFF !important;
					}
				}
			}
		}
	}

	.list_wrap {
		margin-bottom: 40rpx;
		max-height: 50vh;
		overflow-y: auto;

		.list_item {
			border-radius: 12rpx;
			background: #fff;
			padding: 14rpx 24rpx;
			color: #606366;
			line-height: 1.2;
			margin-bottom: 16rpx;
			border: 1px solid #fff;

			&.active {
				border: 1px solid #FF6A00;
				color: #FF6A00;
				background-color: #FFF3EB;
			}

			.name {
				font-size: 28rpx;
				margin-bottom: 6rpx;
			}

			.con {
				font-size: 20rpx;
			}

			.price {
				display: inline-flex;
				align-items: flex-end;
				font-size: 32rpx;
				line-height: 1.2;

				.price_unit {
					font-size: 22rpx;
					line-height: 28rpx;
				}
			}
		}
	}

	.list_btn {
		height: 100rpx;
		font-size: 32rpx;
		line-height: 1.2;
		background: linear-gradient(to bottom, #4BADFD 0%, #2B61EB 100%);
		color: #fff;
		border-radius: 18rpx;

		.price_unit {
			padding-top: 8rpx;
			font-size: 22rpx;

		}
	}
}

// 待收付平台
.platform-wrapper {
	width: 100%;
	height: 1046rpx;
	background: linear-gradient(360deg, #FFFFFF 0%, #E7F2FF 100%);
	border-radius: 24rpx 24rpx 0rpx 0rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	.pay-title {
		padding: 40rpx 0;
		font-weight: 600;
		font-size: 32rpx;
		color: #262728;
		text-align: center;
	}

	scroll-view {
		flex: 1;
		overflow: hidden;
		position: relative;

		.pay-wrapper {
			padding: 0 24rpx;

			.list {
				height: 90rpx;
				background: #FFFFFF;
				border-radius: 12rpx;
				display: flex;
				align-items: center;
				padding: 0 24rpx;
				margin-top: 16rpx;
				justify-content: space-between;
				border: 1px solid transparent;

				.name {
					font-weight: 400;
					font-size: 28rpx;
					color: #606366;
				}

				.right-desc {
					text-align: right;

					.e-du {
						font-weight: 400;
						font-size: 26rpx;
						color: #606366;
						line-height: 26rpx;
					}

					.fee {
						font-weight: 400;
						font-size: 22rpx;
						color: #606366;
						line-height: 26rpx;
						margin-top: 8rpx;
					}
				}

				&.active {
					border-color: rgba(255, 106, 0, 1);

					.name {
						color: rgba(255, 106, 0, 1);
					}

					.right-desc {
						.e-du {
							color: rgba(255, 106, 0, 1);
						}

						.fee {
							color: rgba(255, 106, 0, 1);
						}
					}
				}
			}
		}
	}

	.btn-wrapper {
		padding: 0 24rpx;
		padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
		padding-top: 20rpx;

		.btn {
			height: 100rpx;
			background: linear-gradient(180deg, #4BADFD 0%, #2B61EB 100%);
			border-radius: 18rpx 18rpx 18rpx 18rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}

		.tips {
			font-weight: 400;
			font-size: 22rpx;
			color: #909399;
			text-align: center;
			padding: 26rpx 0;
		}
	}
}

.copy_wrap {
	width: 702rpx;
	height: 492rpx;
	background-color: #fff;
	border-radius: 12rpx;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 40rpx 24rpx 24rpx;
	justify-content: space-between;
	line-height: 1.2;
	.title {
		font-size: 32rpx;
		color: #262728;
	}
	.con_wrap {
		font-size: 28rpx;
		color: #1D2129;
	}
	.btn_wrap {
		font-size: 28rpx;
		color: #fff;
		background: #007AFF;
		border-radius: 12rpx;
		height: 80rpx;
		line-height: 80rpx;
	}
}

.full_img {
	border-radius: 24rpx;
	width: 100%;
	margin-bottom: 20rpx;
}


.palyxxx {
	position: fixed;
	left: -120vw;
}






.popvexxx {
	width: 100%;
	height: 100%;
	z-index: 999;

	::v-deep .uni-popup__wrapper.center {
		width: 100%;
	}
}

// 播放视频
.wrapper-video {
	background-color: #000;
	.video-main {
		width: 100%;
	}
}

.scrolxxx-wwww {
	width: 100%;
	padding-bottom: 24rpx;
	box-sizing: border-box;
	padding-left: 24rpx;
	padding-right: 24rpx;
	.scrolxxx {
		display: flex;
		align-items: center;
		.goback_img {
			width: 318rpx;
			height: 204rpx;
			margin-right: 16rpx;
			border-radius: 16rpx;
			flex-shrink: 0;
		}
	
	}
}


